<template>
  <div class="home">

    <el-container>
      <el-header>
        <el-row class="nav w">
          <el-col :span="2"><div class="logo"><img src="../assets/home/logo.png" alt=""></div></el-col>
          <el-col :span="6" :offset="16">
            <el-row class="nav-right">
              <el-col :span="6"><div class="txt-linktn">常见问题</div></el-col>
              <el-col :span="6"><div class="txt-link">使用指南</div></el-col>
              <el-col :span="8" :offset="3"><div class="btn">立即注册</div></el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-header>

      <el-main>
        <div class="main">
          <el-row class="w desc">
            <el-col><div class="txt1">安全·可靠·极速</div></el-col>
            <el-col><div class="txt2">跨境电商账号安全管理平台</div></el-col>
            <el-col><div class="txt3">全球统一定价，每个店铺低至<b class="pirce">35元/月</b>，新用户首月免费</div></el-col>
            <el-col class="download">
              <el-row>
                <el-col :span="3" :offset="7"><div class="btn">下载Win_32版本</div></el-col>
                <el-col :span="3"><div class="btn">下载Win_64版本</div></el-col>
                <el-col :span="3"><div class="btn">下载MacOS版本</div></el-col>
              </el-row>
            </el-col>
            <el-col class="mac-img"><img src="../assets/home/home-mac.png" alt=""></el-col>
          </el-row>

          <el-row class="w1000 desc-txt">
            <el-col><h3 class="text-center">什么是店铺盒子</h3></el-col>
            <el-col>
              <p>店铺盒子产品旨在为跨境电商提供安全、便捷、高效的店铺管理平台，实现多平台，多店铺，多人员合作管理运营；本产品首创的独立网络与PathX高速通道加速结合服务模式，每个店铺不仅安全独立，更可让运营工作不再受地域和电商平台的限制，实现安全、高速、便捷地运营。</p>
            </el-col>
          </el-row>

          <!--  -->
          <el-row type="flex" class="w1000 ipbh-list-icon" justify="space-between">
            <el-col :span="9">
              <el-row>
                <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                <el-col :span="18">
                  <h4>安全稳定</h4>
                  <p>每个店铺配有未被使用的独立网络地址，且店铺与网络环境一对一绑定，有效防止错误登录。</p>
                </el-col>
              </el-row>
              </el-col>
            <el-col :span="9">
              <el-row>
                <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                <el-col :span="18">
                  <h4>高速通道</h4>
                  <p>所有店铺均使用PathX高速通道加速，在全球范围内实现就近接入，有效规避跨国网络拥塞导致的响应慢、丢包等问题，实现店铺运营不卡顿。</p>
                </el-col>
              </el-row>
            </el-col>
          </el-row>

          <el-row type="flex" class="w1000 ipbh-list-icon" justify="space-between">
              <el-col :span="9">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>多店运营</h4>
                    <p>支持主流跨境电商平台，一台电脑即可同时登录运营多个店铺。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="9">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>操作便捷</h4>
                    <p>更加轻量app设计，快速下载一键安装，操作简单。</p>
                  </el-col>
                </el-row>
              </el-col>
          </el-row>

          <el-row type="flex" class="w1000 ipbh-list-icon" justify="space-between">
              <el-col :span="9">
              <el-row>
                <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                <el-col :span="18">
                  <h4>便于管理</h4>
                  <p>便捷的团队成员功能，方便多员工共同管理；每个店铺专人负责，密码不泄露。</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col :span="9">
              <el-row>
                <el-col :span="4"><img src="../assets/home/icon1.png" alt=""></el-col>
                <el-col :span="18">
                  <h4>店铺保护</h4>
                  <p>通过保护浏览器cookie信息、浏览器指纹信息等措施全面保障您的店铺安全。</p>
                </el-col>
              </el-row>
            </el-col>
          </el-row>

          <div class="main-bg-blue">
            <div class="w">
              <h2>安全·可靠·极速</h2>
              <img width="100%" src="../assets/home/process.png" alt="">
            </div>
          </div>

          <!-- 常见问题 -->
          <div class="problem-content">
            <h2>常见问题</h2>
            <el-row type="flex" class="w problem-list-icon" justify="space-between">
              <el-col :span="10" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>店铺盒子适用哪些平台？</h4>
                  </el-col>
                  <el-col>
                    <p>A：店铺盒子适用于MacOS，Windows系统并且不限制卖家平台，全面满足您的运营需求，让您的运营工作更加方便便捷。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="11" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>店铺安全性怎么保障？</h4>
                  </el-col>
                  <el-col>
                    <p>A：所有店铺均使用新宣告的IP，保证了IP的安全性；产品页面基于Chrome内核开发，Cookie信息、浏览器指纹信息都经过随机修改，确保每个店铺物理特征唯一，全面保证了店铺安全。</p>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>

            <el-row type="flex" class="w problem-list-icon" justify="space-between">
              <el-col :span="10" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>除了IP还有其它安全措施吗？</h4>
                  </el-col>
                  <el-col>
                    <p>A：店铺盒子对浏览器Cookie、指纹信息也做了更改，保证每个店铺物理特征唯一；但是对于人为因素，如公司名称相同，产品类型、描述相同，账户信息相同等问题我们无法解决。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="11" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>卖家数据安全性怎样保障？</h4>
                  </el-col>
                  <el-col>
                    <p>A：店铺盒子不爬取用户任何数据信息。登录名、密码自动填充功能也全部采取密文传输，我们保证所有数据均以加密方式存储，无法直接获取，不存在数据泄露风险。</p>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>

            <el-row type="flex" class="w problem-list-icon" justify="space-between">
                <el-col :span="10" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>访问速度如何保证？</h4>
                  </el-col>
                  <el-col>
                    <p>A：店铺盒子首创全新宣告独立IP搭配专属高速通道加速服务，确保了所有数据采用UCloud最新的PathX高速通道传输。通过PathX，借助于全球转发集群完成就近接入，有效规避跨国网络拥塞导致的响应慢、丢包等问题，使您的访问速度显著提升，无论双十一，还是黑五都可助您的店铺快速响应。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="11" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>店铺盒子支持哪些电商？</h4>
                  </el-col>
                  <el-col>
                    <p>A：目前店铺盒子可以支持的电商平台有：日本亚马逊、美国亚马逊、欧洲亚马逊、ebay、wish、shopee、lazada、乐天、雅虎、沃尔玛，如您有其它电商平台开店需求，可联系技术支持。</p>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>

            <el-row type="flex" class="w problem-list-icon" justify="space-between">
                <el-col :span="10" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>采用海外IP是否安全？为何没有国内IP？</h4>
                  </el-col>
                  <el-col>
                    <p>A：IP归属地并不是影响店铺安全的因素，只要您的多个店铺不共用同一个IP店铺就是安全的；为了优化您的使用，店铺盒子全部采用了高速通道加速方案，采用国内IP在不会增加安全性的情况下，会使访问速度减慢，因此我们不推出国内IP服务。如果您对IP归属地要求严格，可以选用香港IP。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="11" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>为何新买的店铺页面打不开？</h4>
                  </el-col>
                  <el-col>
                    <p>A：如您遇到此类问题，可能是由于您的所在地运营商限制所致，请您联系技术支持人员测试网路并解决问题。</p>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>

            <el-row type="flex" class="w problem-list-icon" justify="space-between">
                <el-col :span="10" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>可以安装插件吗？</h4>
                  </el-col>
                  <el-col>
                    <p>A：不可以，店铺盒子产品并不是浏览器，而是快速、高效、便捷的多店铺运营管理软件，因此不支持安装插件。</p>
                  </el-col>
                </el-row>
              </el-col>
              <el-col :span="11" class="problem-col">
                <el-row>
                  <el-col :span="4"><img src="../assets/home/problem.png" alt=""></el-col>
                  <el-col :span="18">
                    <h4>为何网上查到的ip归属地与店铺购买页面的显示的归属地不一致？</h4>
                  </el-col>
                  <el-col>
                    <p>A：最新宣告的ip以运营商提供的信息分配归属地，部分ip在运营商修改ip所属地后，网上无法立时查到。</p>
                  </el-col>
                </el-row>
              </el-col>
            </el-row>

          </div>

        </div>
      </el-main>

      <el-footer class="w footer">
        <el-row type="flex" class="w footer-content">
          <el-col :span="6">
            <h5 class="">售前电话</h5>
            <span>4000188113#1</span>
            <div>(5*9h周一～周五9:30-18:30)</div>
            <p><a href="#">在线QQ</a>，支持服务</p>
          </el-col>

          <el-col :span="6">
            <h5 class="">售后电话</h5>
            <span>4000188113#2</span>
            <div>(7*24h 全年无休)</div>
            <p><a href="#">在线QQ</a>，支持服务</p>
          </el-col>

        </el-row>
        
      </el-footer>

    </el-container>

  </div>
</template>

<script>
let icon1 = require('../assets/home/icon1.png')
let icon2 = require('../assets/home/icon2.png')
let icon3 = require('../assets/home/icon3.png')
let icon4 = require('../assets/home/icon4.png')
let icon5 = require('../assets/home/icon5.png')
let icon6 = require('../assets/home/icon6.png')

export default {
  name: 'home',
  data () {
    return {
      id: '01',
      title: '安全稳定',
      url: icon1,
      desc: '每个店铺配有未被使用的独立网络地址，且店铺与网络环境一对一绑定，有效防止错误登录。'
    }
  }
}
</script>

<style lang="scss" scoped>
.home {
  color: #0a1633;
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif
}
.el-main {
  padding: 0;
  margin: 0;
}
.w {
  width: 1200px;
  margin: auto;
}
.w1000 {
  width: 1000px;
  margin: auto;
}
.el-header {
  border-bottom: 1px solid #e1e6f0;
}
.nav {
  height: 56px;
  line-height: 56px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  .logo img{
    vertical-align: middle;
  }
  .btn {
    background: #3860f4;
    color: #fff;
    width: 90px;
    height: 34px;
    line-height: 34px;
    margin: 10px auto;
    border-radius: 2px;
  }
}
.main {
  background: url('../assets/home/home-bg.png') no-repeat center 0;
  // width: 2500px;
  // margin: calc(50% - 1250px);
  .desc {
    padding-top: 100px;
    .el-col {
      text-align: center;
    }
    .txt1 {
      font-size: 24px;
      color: #6b798e;
    }
    .txt2 {
      font-size: 36px;
      color: #0a1633;
      margin: 20px 0 10px;
    }
    .txt3 {
      color: #262c42;
      letter-spacing: 2px;
    }
    .download {
      margin-top: 20px;
      font-size: 14px;
      padding-left: 20px;
      .btn{
        color: #0a1633;
        background: #fff;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
        margin-left: 16px;
      } 
    }
    .pirce {
      color: #1154ff;
    }
  }
  .mac-img {
    margin-top: 180px;
  }
  .desc-txt {
    text-align: center;
    h3 {
      margin: 40px 0 12px;
    }
    p {
      padding: 0 36px;
      font-size: 13px;
    }
  }
  .ipbh-list-icon {
    margin-top: 60px;
    font-size: 14px;
    h4 {
      margin: 0;
    }
    p {
      margin-top: 24px;
    }
  }
  .main-bg-blue {
    background: #f9faff;
    text-align: center;
    margin-top: 40px;
    h2 {
      font-size: 24px;
      font-weight: 700;
      padding: 64px 0 0;
      margin: 0;
    }
    img {
      padding: 48px 0;
    }
  }
  .problem-content {
    font-size: 14px;
    h2 {
      text-align: center;
      margin-bottom: 50px;
      padding-top: 40px; 
    }
    h4 {
      font-size: 18px;
      margin: 0;
      display: flex;
      align-items: center;
      height: 56px;
    }
    p {
      color: #485d8d;
    }
    .problem-col {
      margin-bottom: 30px;
    }
  } 
}
.footer {
  width: 100%;
  background: #262c42;
  height: 100%!important;
  color: #fff;
}

</style>
